<link rel='stylesheet' type='text/css' href='_css/cupertino/theme.css' />
<link rel='stylesheet' type='text/css' href='_css/fullcalendar.css' />
<link rel='stylesheet' type='text/css' href='_css/fullcalendar.print.css' media='print' />
<script type='text/javascript' src='_javascript/fullcalendar.min.js'></script>
<script type='text/javascript'>
	$(document).ready(function() {
			var calendar = $('#calendar').fullCalendar({
			theme: true,
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			selectable: false,
			selectHelper: false,
			select: function(start, end, allDay) {
				var title = prompt('Event Title:');
				if (title) {
					calendar.fullCalendar('renderEvent',
						{
							title: title,
							start: start,
							end: end,
							allDay: allDay
						},
						true // make the event "stick"
					);
				}
				calendar.fullCalendar('unselect');
			},
			editable: false,
			weekends: false,
			events: {$value}
		});
	});
</script>
<style type='text/css'>
	#calendar {
		width:90%;
		margin: 0 auto;
		}

</style>
<article class="module width_full">
    <header><h3>{#supportcalendar#}</h3></header>
        <div class="module_content">
            <div class="content" style="height:600px;">
                <fieldset>
                    <label>{#supportcalendar#}</label>
						<div id="calendar"></div>
                </fieldset>
			</div>
        </div>
	<footer>
		<div class="submit_link">
			<a href="index.php?mod=calendar&page=add"><input type="submit" value="{#add_support#}" class="alt_btn"></a>
		</div>
	</footer>
</article>

